<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
<button id="btn">刷新</button>

<script>
// location对象，包含浏览器地址栏url相关信息
// var url = 'https://image.baidu.com:443/search/index?tn=baiduimage&ct=201326592#hehe';
// url构成：
// https 传输协议
// image.baidu.com 域名/IP地址
// 443 端口号
// /search/index 资源路径（端口到问号之间）
// tn=baiduimage&ct=201326592 查询字符串（问号到井号之间）
// #hehe 锚点（哈希值）

// 注意：当前页面使用Live Server打开
// 当前页面地址：http://127.0.0.1:5500/0926/day17/6-location对象.html?a=123&b=456#hehe
console.log( location );// {包含当前页面url信息}
console.log( location.protocol );// 协议
console.log( location.hostname );// 域名/IP地址
console.log( location.port );// 端口号
console.log( location.pathname );// 资源路径
console.log( location.search );// 查询字符串
console.log( location.hash );// 哈希值
console.log( location.href );// 当前页面完整的url地址

btn.onclick = function (){
    // location.reload();// 刷新页面
    // location.replace('https://www.baidu.com/');// 使用一个页面替换当前页面（跳转页面，不会形成新的历史记录）
    location.href = 'https://www.baidu.com/';// 修改当前页面的url地址（跳转页面，会形成新的历史记录）
}


</script>
</body>
</html>